<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>社团管理系统|基本信息</title>
    
	<!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <!-- DataTables -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
    <!-- daterange picker -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
  <!-- bootstrap datepicker -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
  <!-- iCheck for checkboxes and radio inputs -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/iCheck/all.css">
  <!-- Bootstrap Color Picker -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
  <!-- Bootstrap time Picker -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.css">
  
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.css">
  
  <!-- Select2 -->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/select2/select2.min.css">
    
    <!-- Theme style -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect.
    -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/skins/skin-blue.min.css">
    <!--zTree -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/zTree/css/demo.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/zTree/css/metroStyle.css" type="text/css">
  

  </head>
  
  <body class="hold-transition skin-blue sidebar-mini">
  
    
    <div class="wrapper">

    <jsp:include page="../module/head.jsp"/>
	<jsp:include page="../module/side-bar.jsp"/>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
			<section class="content-header">
            <h1>
                个人主页
                <small>基本信息</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="${pageContext.request.contextPath}/index"><i class="fa fa-dashboard"></i>首页</a></li>
                <li class="active">基本信息</li>
            </ol>
        </section>
        
        <hr>
          <section class="content">
        <div class="tab-pane">
              <div class="box-body">
                <div class="row">
                  <!--第一列-->
                  <div class="col-md-6">
                  <div class="form-group has-feedback">
            	<label>姓名</label>
                <input type="text" readonly="readonly" class="form-control" id="name" value="${student.name}" />
            </div>
            <div class="form-group has-feedback">
            		<label>性别</label>
                <input type="text" readonly="readonly" class="form-control" id="sex" value="<c:if test="${student.sex==0}">男</c:if><c:if test="${student.sex==1}">女</c:if>" />
            </div>
            <div class="form-group has-feedback">
            		<label>电话号码</label>
                <input type="text" readonly="readonly" class="form-control" id="tel" value="${student.tel}" />
            </div>
           
                </div>
                <div class="col-md-6">
                	 <div class="form-group has-feedback">
            	<label>学号</label>
                <input type="text" readonly="readonly" class="form-control" id="studentId" value="${student.studentId}" />
            </div>
            <div class="form-group has-feedback">
            		<label>年级</label>
                <input type="text" readonly="readonly" class="form-control" id="senior" value="<c:if test="${student.senior==0}">大一</c:if><c:if test="${student.senior==1}">大二</c:if><c:if test="${student.senior==2}">大三</c:if><c:if test="${student.senior==3}">大四</c:if><c:if test="${student.senior==4}">研一</c:if><c:if test="${student.senior==5}">研二</c:if><c:if test="${student.senior==6}">其他</c:if>" />
            </div>
            <div class="form-group has-feedback">
            		<label>电子邮箱</label>
                <input type="text" readonly="readonly" class="form-control" id="email" value="${student.email}" />
            </div>
                </div>
                </div>
                <div class="row">
                  <div class="col-md-8">
                    <div class="form-group">
                      <label>备注</label>
                      <textarea type="text" id="content" name="content" style="width: 100%;">${student.content}</textarea>
                    </div>
                  </div>
                </div>
                 <div class="row">
                <div class="col-xs-4">
                    <button type="submit" id="btn"  class="btn btn-primary btn-block btn-flat">修改</button>
                </div>
            </div>

              </div>
              
        </div>
 	
	</section>
    </div>
    </div>
    	
    <!-- jQuery 2.2.3 -->
<script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>

<!-- Bootstrap 3.3.6 -->
<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script>
<!-- Select2 -->
<script src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
<!-- InputMask -->
<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- bootstrap color picker -->
<script src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<!-- AdminLTE App -->
<script src="${pageContext.request.contextPath}/dist/js/app.min.js"></script>
<!-- bootstrap time picker -->
<script src="${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- DataTables -->
<script src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
<!-- zTree -->
<script src="${pageContext.request.contextPath}/plugins/zTree/js/jquery.ztree.core.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/zTree/js/jquery.ztree.excheck.min.js"></script>

<!--自己写的js文件依赖jQ-->
<script src="${pageContext.request.contextPath}/plugins/aPudding/js/main.js"></script>
 
  </body>
</html>
